<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			a:link{
				color: #000000;
			}
			a:visited{
				color: #00FF00;
			}
			a:hover{
				color: #FF00FF;
			}
			a:active{
				color: #0000FF;
			}
			.red:visited{
				color: #FF0000;
			}
			p:first-child{
				color: #0000FF;
			}
			p>i:first-child{
				color: #0000FF;
			}
			p:first-child i{
				color: #FF00FF;
			}
			q:lang(no){
				quotes: '~' "~";
			}
			
			body{
				height: 2000px;
			}
			
			/*消除滚动条*/
			::-webkit-scrollbar{
				width: 0;
			}
		</style>
	</head>
	<body>
		<!--CSS :first-child 伪类-->
		<p>aaaa<i>asxaxa</i></p>
		<p>xxxx</p>
		<p>aaaa</p>
		<p><i>asas</i></p>
		
		<a href="javaScript:void(0);">这是一个链接</a>
		<!--伪类和CSS类-->
		<a class="red" href="https://www.runoob.com/css/css-pseudo-classes.html">CSS语法</a>
		<!--CSS - :lang 伪类-->
		<p>aasasas<q lang="no">xxxaxaxa</q>xqxqxqxq</p>
	</body>
</html>